<html>
    <head>
        <title>事件监听</title>
    </head>
    <body>
        <script>
             // ★一、事件监听
                                        /*
                                            可以使用 v-on 指令监听DOM事件，并在出发时运行一些 JavaScript代码。
                                        */
                                             /*
                                                eg:
                                                    <div id="example-1">
                                                        <button v-on:click="counter +=1">Add 1</button>
                                                        <p> The button above has been clicked {{ counter}} times.</p>
                                                    </div>
                                             */
                                             var example-1=new Vue({
                                                    el:'#example-1',
                                                    data:{
                                                        counter:0
                                                    }
                                                })
        </script>
    </body>
</html>